<template>
  <div>
    <h3>Vue3计算属性</h3>
    <div>{{msg}}</div>
    <div>{{c}}</div>
    <div>{{age}}----{{_age}}</div>
    <div><input type="number" v-model="age" /></div>
  </div>
</template>

<script>
export default {
  name: 'Course8-7',
  data() { // 静态属性
    return {
      msg: '我是消息',
      a: 3,
      b: 5,
      age: 18
    }
  },
  created() {
    // url?id=xxx可以通过this.$route.query对象获取
    console.log(this.$route.query.id)
    console.log(this.$route.query)
  },
  computed: { // 计算属性
    c(){
      return this.a + this.b
    },
    _age() {
      let s = ''
      if(this.age<18) {
        s = '未成年'
      } else if(this.age == 18) {
        s = '刚满十八岁'
      } else {
        s = '已满十八岁'
      }
      return s
    }
  }
}
</script>

<style>

</style>